<template>
  <view>
    <u-navbar title="关于我们" back-icon-size="34" title-size="36" :border-bottom="false" :background="background" title-color="#222" back-icon-color="#222"></u-navbar>
    <view class="" style="text-align: center; margin-top: 70rpx">
      <image :src="img_url + logo" mode="" style="width: 196rpx; height: 196rpx; border-radius: 50%"></image>
      <view class="" style="font-size: 36rpx; font-weight: bold; padding-top: 10rpx">问诊系统</view>
    </view>
    <view class="" style="display: flex; align-items: center; justify-content: space-between; padding: 28rpx 41rpx" @tap="get(1)">
      <view class="">《用户隐私协议》</view>
      <view class="">
        <u-icon name="arrow-right"></u-icon>
      </view>
    </view>
    <view class="" style="display: flex; align-items: center; justify-content: space-between; padding: 28rpx 41rpx" @tap="get(2)">
      <view class="">《互联网诊疗风险告知及通知书》</view>
      <view class="">
        <u-icon name="arrow-right"></u-icon>
      </view>
    </view>
    <view class="" style="display: flex; align-items: center; justify-content: space-between; padding: 28rpx 41rpx" @tap="get(3)">
      <view class="">《用户注册协议》</view>
      <view class="">
        <u-icon name="arrow-right"></u-icon>
      </view>
    </view>

    <view class="" style="font-size: 26rpx; color: #666; text-align: center; padding-top: 250rpx">版本号v1.0.01</view>
    <view class="" style="font-size: 26rpx; color: #666; text-align: center" v-if="list">
      {{ list.copyright }}
    </view>
  </view>
</template>

<script>
export default {
  name: '',
  data() {
    return {
      background: {
        background: '#FFFFFF'
      },
      list: null,
      logo: ''
    };
  },
  //方法
  methods: {
    about() {
      this.api({
        url: '/api/common/about',
        method: 'post'
      }).then((res) => {
        this.list = res.data;
        this.logo = res.data.logo;
      });
    },
    get(e) {
      uni.navigateTo({
        url: '/user/detail/detail?type=' + e
      });
    }
  },
  //首页渲染
  onLoad(options) {
    this.about();
  },
  //监听
  watch: {},
  //计算属性
  computed: {}
};
</script>

<style lang="scss" scoped></style>
